$menu_bg: #045898;
:host ::ng-deep .ant-menu {
    background-color: $menu_bg;
    color: #4d88b5;
    font-weight: 300;
    width: 201px;
    overflow: hidden;
}
:host ::ng-deep .ant-menu-inline .ant-menu-item{
    background-color: $menu_bg;
    font-size: 14px;
    padding-left: 0 !important;
}
:host ::ng-deep .ant-menu-item:hover,
:host ::ng-deep .ant-menu-item-active,
:host ::ng-deep .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
:host ::ng-deep .ant-menu-submenu-active,
:host ::ng-deep .ant-menu-submenu-title:hover {
    color: #fff;
}

:host ::ng-deep .ant-menu-inline .ant-menu-submenu-title{
    padding-left: 24px;
    font-size: 18px;
    text-align: left;
    &:after{
        font-size: 16px;
    }
}

:host ::ng-deep .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
    background-color: $menu_bg;
    color: #fff;
    &:after{
        width: 8px;
        left: 0;
        background-color: #4da2ff;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-right:none;
    }
}

.recipes-menu{
    .li-active{
        color: #fff;
        a{
            color: #fff;
        }
    }
}